<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title> - 轻食美食</title>
    <!-- 清除默认的css样式 -->
	<link rel="stylesheet" href="./css/reset.css">
	<!-- 图标和收藏夹图标 -->
	<link rel="icon" href="./img/icon/轻食.icon" type="image/x-icon">
	<link rel="shortcut icon" href="./img/icon/轻食.icon" type="image/x-icon">
	<link rel="stylesheet" href="./bootstrop/css/bootstrap.min.css">
	<!-- 公共样式 -->
	<link rel="stylesheet" href="css/public.css">
	<!-- 插件引入 -->
	<script src="js/jquery.min.js"></script>
	<script src="./bootstrop/js/bootstrap.min.js"></script>
	<!-- css\js -->
	<link rel="stylesheet" href="css/article.css">
	<script src="js/article.js"></script>
	<script src="js/article_img.js"></script>
	<script src="js/publicUser.js"></script>
</head>
<body>
    <!-- 顶部导航栏 public-->
	<div class="index_index">
		<div class="index_container">
			<!-- logo -->
			<a class="index_logo" href="index.html" title="享受美食的拥抱">
				<img src="./img/icon/logo.png" alt="">
				<span>轻食美食</span>
			</a>
			<!-- 目录 -->
			<div class="index_nav">
				<ul class="index_nav_ul">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="recipe.html">菜谱</a>
					</li>
					<li>
						<a href="eatHealth.html">饮食健康</a>
					</li>
					<li>
						<a href="eatSome.html">今天吃什么</a>
					</li>
				</ul>
			</div>
			<!-- logon、signup -->
			<div class="index_user">
				<ul>
					<li class="index_logon">
						<a href="logon.html">登录</a>
					</li>
					<li class="index_signup">
						<a href="logon.html?value=zhuche">注册</a>
					</li>
				</ul>
				<div class="index_user_headr">
					<a href="javascript:;" class="index_userMe" title="点击查看用户空间">
						<span class="userMe_img">
							<img src="./img/headerImg.jpg" alt="用户" class="img_user" >
						</span>
						<span class="userMe_user">轻食用户SaE215</span>
					</a>
					<div class="index_user_exit">
						<ol class="index_userItem">
							<li>
								<a href="javascript:;">进入空间</a>
							</li>
							<li>
								<a href="javascript:;">退出登录</a>
							</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 文章主题 -->
	<main class="article_main">
		<!-- 文章main -->
		<section class="article_container">
			<div class="container">
				<div class="article_container_main">
					<h2 class="article_containerTitle">无油可乐鸡翅的做法</h2>
					<!-- 步骤 -->
					<div class="article_setpDiv">
					</div>
					<h2 class="article_containerLast">最后成品图</h2>
					<!-- img -->
					<div class="example article_showImg">
						<img src="img/article_showImg.jpg" alt="成果展示" class="img-rounded">
					</div>
				</div>
			</div>
		</section>
	</main>

    <!-- 返回顶部 -->
	<div class="index_backTop">
		<a href="javascript:;"></a>
	</div>
	<!-- 底部公共部分 -->
	<footer class="index_footer">
		<ul id="index_bottomul">
			<li>
				<a href="about.html">关于我们</a>
			</li>
			<li>
				<a href="join.html">加入我们</a>
			</li>
			<li>
				<a href="contactme.html">联系我们</a>
			</li>
			<li>
				<a href="https://www.meishij.net/">友情链接</a>
			</li>
			<li>
				<a href="map.html">网站地图</a>
			</li>
		</ul>
		<p>
			<a href="https://beian.miit.gov.cn/">京ICP备14030359号-1</a>/
			<a href="http://www.beian.gov.cn/portal/registerSystemInfo">
				<img src="img/icon/警标.png" alt="警" title="点击搜索备案号">京公网安备021053185
			</a> Copyright ? 2021-2022 MEISHIJ CO.,LTD.
		</p>
	</footer>
</body>
</html>